.ruleModal {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  display: none;
  &.show {
    display: block;
  }
  .content {
    // background: url('../../../../assets/activity/ruleBg.png') no-repeat center / contain;
    width: 690px;
    height: 1100rpx;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    .closeBtn {
      border-radius: 50%;
      border: 4px solid #fff;
      position: absolute;
      top: -24px;
      right: 24px;
      font-size: 36px;
      color: #fff;
      text-align: center;
      line-height: 38px;
      width: 44px;
      height: 44px;
    }
    .box {
      // width: 540px;
      // height: 862px;
      width: 100%;
      height: 100%;
      overflow-y: scroll;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -45%);
      padding: 30px 40px;
      box-sizing: border-box;
      background: #fff;
      border-radius: 20px;
      box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
      font-size: 26px;
      font-family: PingFangSC-Regular;
      font-weight: bold;
      color: rgba(102, 102, 102, 1);
      .sectionTitle {
        margin: 20px 0;
        font-size: 30px;
      }
      .ctxRow {
        margin-bottom: 6px;
      }
    }
  }
}
